<script setup>
const picture = ["/img/41.png","/img/83.png","/img/79.png","/img/92.png"];
</script>


<template>
    <div class="PageHead">
        <h4>好好工作,天天摸鱼</h4>
    </div>
    <div>
        <el-carousel indicator-position="outside">
            <el-carousel-item v-for="item in picture" :key="item" class="PageBody">
                <!-- <h3 text="2xl" justify="center">{{ item }}</h3> -->
                <img :src="item">
            </el-carousel-item>
        </el-carousel>
    </div>
</template>


<style scoped>
.PageHead{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px;
}

.PageBody{
    background-color: skyblue;
    display: flex;
    align-items: center;
    justify-content: center;
}

</style>